@charset "utf-8";
/* CSS Document */
html{ width:100%; background:#fff;}
body{ width:100%; margin:0 auto;color:#222222;font:12px/20px "微软雅黑",SimSun,Tahoma,Helvetica,Arial,sans-serif;}
*{margin:0;padding:0;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,input,p,img {padding:0;margin:0;}
img{border:0;}
ol,ul,li{list-style:none;}
a{color:#222222;text-decoration:none;outline:none;}
a:hover{color:#737373;text-decoration:none;}
.fl{float:left;}
.fr{float:right;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clear{clear:both;}

/*头部*/
.top{ width:100%; height:27px; background:url(../images/topbei.jpg) repeat-x;}
.top-nav{ width:1000px; margin:0 auto; height:27px; line-height:27px;}
.top-nav .top-right{float:right;color:#206489;}
.top-nav .top-right a{color:#206489;}
.top-logo{ width:1000px; height:67px; margin:0 auto; background:url(../images/toplogo.jpg) no-repeat;}
.top-logo h2{ float:right; margin-right: -80px;overflow: hidden;color:#FFF; line-height:67px; font-size:16px; font-weight:normal;}

.top-logoen{ width:1000px; height:67px; margin:0 auto; background:url(../images/toplogoen.jpg) no-repeat;}
.top-logoen h2{ float:right; padding-right:30px;color:#FFF; line-height:67px; font-size:16px; font-weight:normal;}
#times:hover{color:#222;}
/*导航*/
.navBar{ position:relative; z-index:1; width:1000px; height:30px; margin:0 auto; background:url(../images/navbei.jpg) repeat-x;  }
.nav{ height:30px; line-height:30px; margin-left:20px;}
.nav .m{ position:relative;  float:left; width:85px; text-align:center; background:url(../images/navbian.jpg) no-repeat right; }
.nav h3{ float:left; width:85px; font-weight:bold; font-size:14px; overflow:hidden;  }
.nav h3 a{ display:block; color:#fff;height:30px; line-height:26px; }
.nav .on{ background:#fff; }
.nav .on h3 a{color:#206489;}
.nav .on h3 a:hover{ background:#fff; color:#206489;}
.nav .sub{ display:none; /*默认隐藏*/ width:125px; padding:5px 0;   position:absolute; left:-1px; top:30px; background:#fff; text-align:center; border:1px #000 solid; border-top:none;  }
.nav .sub ul{ float:left; margin-top:10px;}
.nav .sub ul li{ width:80px;padding-left:30px; background:url(../images/navjiao.png) no-repeat 20px 10px; }
.nav .sub ul li a{ height:18px; line-height:18px; padding:4px 0;  display:block;color:#000;   }
.nav .sub ul li a:hover{ color:#206489;}
.nav .sub img{ width:214px; height:148px; margin-top:15px;}

/*en导航*/
.ennavBar{ position:relative; z-index:1; width:1000px; height:30px; margin:0 auto; background:url(../images/navbei.jpg) repeat-x;  }
.ennav{ margin:0 auto; width:800px; height:30px; line-height:30px;}
.ennav .m{ position:relative;  float:left; width:160px; text-align:center; background:url(../images/navbian.jpg) no-repeat right; }
.ennav h3{ float:left; width:160px; font-weight:bold; font-size:14px; overflow:hidden;  }
.ennav h3 a{ display:block; color:#fff;height:30px; line-height:26px; }
.ennav .on{ background:#fff; }
.ennav .on h3 a{color:#206489;}
.ennav .on h3 a:hover{ background:#fff; color:#206489;}
.ennav .sub{ display:none; /*默认隐藏*/ width:160px; padding:5px 0;   position:absolute; left:-1px; top:30px; background:#fff; text-align:center; border:1px #000 solid; border-top:none;  }
.ennav .sub ul{ float:left;}
.ennav .sub ul li{ width:100px; padding:0 0 10px 30px; background:url(../images/navjiao.png) no-repeat 20px 10px; }
.ennav .sub ul li a{ line-height:18px; padding:4px 0;  display:block;color:#000;  text-align: left;}
.ennav .sub ul li a:hover{ color:#206489;}
.ennav .sub img{ width:214px; height:148px; margin-top:15px;}

/*banner*/
.banner{ width:1000px; height:310px; margin:0 auto; padding-top:5px; background:url(../images/bannerbei.jpg);}
.TB-focus{ width:990px; height:300px; position:relative; overflow:hidden; }
.TB-focus .hd { position:absolute; right:9px; bottom:15px; z-index:1; }
.TB-focus .hd li { color:#fff; cursor:pointer; margin-right:7px; width:12px; height:12px; background:#000; float:left; font-size:13px; line-height:15px; overflow:visible; text-align:center; margin-left:-1px; }
.TB-focus .hd li.on { background:#206489; color:#fff; font-weight:bold; opacity:1; filter:alpha(opacity=100); z-index:2; position:relative; }

/*main*/
.main{ width:1000px; margin:25px auto 0;}
.main-top{ width:1000px;}
.main-topleft,.main-topright{ width:500px;}
.main-topleftli,.main-toprightlis,.main-bottomlis{ height:38px; border-bottom:1px #000 solid; margin-bottom:10px;}
.main-topleftli h3,.main-toprightlis h3,.main-bottomlis h3{ width:200px; height:25px; color:#206489; margin-left:30px; background:url(../images/biaotibei1.png) no-repeat; padding:15px 0 0 0; text-align:center;}
.main-topleftli h4,.main-toprightlis h4,.main-bottomlis h4{ width:70px; color:#206489; font-size:14px; padding:15px 20px 0 0;}
.main-topleftli h4 a,.main-toprightlis h4 a,.main-bottomlis h4 a{ color:#206489;}
.main-topleft ul{ width:495px; height:250px; padding:20px 0 10px; background:#dee7ee;}
.main-topleft ul li{ margin:3px 15px 10px 25px; padding-left:7px; font-size:13px; font-weight:bold; background:url(../images/dian.png) no-repeat left;}
.main-topleft ul li span{ float:right; color:#5e6367;}
.main-topleft ul li a{ color:#8b9298;}

.main-topleftline{ width:455px; height:240px; padding:20px; background:#dee7ee; overflow:hidden;}
.main-topleftline img{ float:left; width:150px; height:100px; border:1px solid #ccc; margin:10px 10px 0;}

.main-toprightli{ float:right; width:495px; height:250px; padding:20px 0 10px; background:#dee7ee;}
.main-toprightli img{ float:left; margin:15px 0 0 15px;}
.main-toprightli ul{ width:210px; float:right; margin: 13px 10px 0 0;}
.main-toprightli ul li{ font-size:13px; font-weight:bold;line-height: 30px;}
.main-toprightli ul li a{ color:#145d8a;}
.main-bottom{ margin:25px 0 20px;}
.main-bottom ul li{ width:230px; height:185px; border:2px #205f88 solid; float:left; margin:10px 7px 10px 7px;}
.main-bottom ul li img{ width:229px; height:185px;}
.main-bottom ul li h2{ width:229px; height:40px; line-height:40px; text-align:center; font-size:15px; z-index:9999; background:#7f7f7f; margin-top:-50px; filter:alpha(opacity=80);-moz-opacity:0.8; -khtml-opacity:0.8;opacity:0.8;}
.main-bottom ul li h2 a{ color:#FFF;}

/*产品列表*/
.chanpinlimain{ width:1000px; margin:20px auto 0;}
.chanpinlileft,.newslileft{ width:227px; margin:5px 0;}
.chanpinnav,.newsnav{ width:1000px; margin:0 auto;}
.chanpinnav ul,.newsnav ul{ float:right;}
.chanpinnav ul li,.newsnav ul li{ float:left; font-weight:bold;}
.chanpinnav ul li h3,.newsnav ul li h3{ font-size:12px; color:#a3a3a3;}
.chanpinnav ul li a,.newsnav ul li a{ color:#215e8b;}
.chanpinnav ul li img{vertical-align:top;margin-right:3px;}
.cpleftnav h3,.naleftnav h3{ height:38px; margin-left:-1px; background:url(../images/libiaob.png) no-repeat 1px 1px; line-height:38px; text-align:center; color:#000;}
.cpleftcen,.naleftcen{ border-left:1px #000 solid; border-right:1px #000 solid;}
.cpleftcen ul,.naleftcen ul{ padding-top:15px; border-bottom:1px #8fafc4 solid;}
.cpleftcen ul li,.naleftcen ul li{ width:225px; height:37px; border-top:1px #8fafc4 solid; line-height:37px; text-align:center; background:url(../images/lilnavb.jpg) no-repeat 1px 0; font-weight:bold; font-size:14px;}
.cpleftcen ul li:hover,.naleftcen ul li:hover{  width:225px; height:37px; background:url(../images/lilnavbd.jpg) no-repeat;}
.cpleftcen ul li a,.naleftcen ul li a{ color:#206489; width:225px; height:37px;}
.cpleftcen .libei,.naleftcen .libei{  width:225px; height:37px; background:url(../images/lilnavbd.jpg) no-repeat;}
/**/
.sideMenu{ width:225px; border-left:1px #000 solid; border-right:1px #000 solid;}
.sideMenu h3{ width:225px; margin:0 auto; height:37px; border-bottom:1px #8fafc4 solid; border-top:1px #8fafc4 solid; line-height:37px; text-align:left; text-indent:1em; background:url(../images/lilnavb.jpg) no-repeat 1px 0; font-weight:bold; font-size:14px; color:#206489;}
.sideMenu h3:hover{ width:225px; height:37px; background:url(../images/lilnavbd.jpg) no-repeat;}
.sideMenu h3.on{ width:225px; height:37px; background:url(../images/lilnavbd.jpg) no-repeat;}
.sideMenu h3 a{ color:#206489; font-size: 12px;}
.sideMenu ul{ padding:8px 0 8px 20px; color:#999; display:none;}
.sideMenu ul li a.on{ color:#206489;}

.chanpinlileft img,.newslileft img{ margin-top:10px;}
.chanpinliright,.newsliright{ width:745px; margin:5px 0 20px;}
.chanpinlisb h3{ width:200px; height:30px; color:#206489; margin-left:30px; background:url(../images/biaotibei1.png) no-repeat; padding-top:10px; text-align:center;}

.enlisb,.enlis{ padding-left:30px;}
.enlisb h3,.enlis h3{ height:39px; line-height:39px; padding:0 5px; color:#206489; background:url(../images/biaoti.jpg) repeat-x; text-align:center;}

.chanpinlisb,.chanpinlis,.newslis,.enlisb,.enlis{ height:38px; border-bottom:1px #000 solid; margin-bottom:10px;}
.chanpinlis h3,.newslis h3{ width:200px; height:30px; color:#206489; margin-left:30px; background:url(../images/biaotibei1.png) no-repeat; padding-top:10px; text-align:center;}
.chanpinlisb h4,.chanpinlis h4,.newslis h4,.enlisb h4,.enlis h4{ width:150px;color:#206489; font-size:14px;}
.chanpinlisb h4 a.chanpinlis h4 a,.newslis h4 a,.enlisb h4 a,.enlis h4 a{ color:#206489;}
.chanpinliright ul li{ width:230px; height:185px; border:2px #205f88 solid; float:left; margin:10px 5px 10px 7px;}
.chanpinliright ul li img{ width:229px; height:185px;}
.chanpinliright ul li h2{ width:229px; height:40px; line-height:40px; text-align:center; font-size:15px; z-index:9999; background:#7f7f7f; margin-top:-50px; filter:alpha(opacity=80);-moz-opacity:0.8; -khtml-opacity:0.8;opacity:0.8;}
.chanpinliright ul li h2 a{ color:#FFF;}

/*新闻列表*/
.newslimain{ width:1000px; margin:20px auto 0;}
.newsliright ul{ width:700px; margin:20px auto 10px;min-height:400px;}
.newsliright ul li{ height:40px; line-height:40px; background:url(../images/navjiao.png) no-repeat 7px 17px; border-bottom:1px #999 dotted; padding:0 10px 0 20px;}
.newsliright ul li h2{ font-size:14px;}
.newsliright ul li h2 a{ color:#666;}
.newsliright ul li h2 a:hover{ color:#206489;}

/*产品内容页*/
.chanpinnei{ margin:40px 0;}
.cpnettop h4{ text-align:center; font-size:20px; color:#206489;}
.cpnettop h5{ text-align:center; font-size:13px; color:#666; font-weight:normal; margin-top:10px;}
.neicent{ width:700px; margin:15px auto 0; font-size:13px; line-height:24px; min-height:300px; overflow:hidden;}
.neicent img{ max-width:698px; margin:10px 0; border:1px #ccc solid;}
.neibot{ width:745px; height:85px; float:right; margin:20px 0; background:#d3e0e9;}
.neibot h6{ font-size:13px; color:#206489; margin:20px 0 0 20px;}

/*在线咨询页*/
.zaixiannei{ margin:20px;}
.zaixiannei label{font-size:14px;}
.zaixiannei .text{ vertical-align:top;}
.zaixiannei .input{ border:1px solid #8fafc4;height:24px; line-height:24px;vertical-align:middle;}
.zaixiannei textarea{ border:1px solid #8fafc4;}
.zaixiannei .keyimg{ width:60px; height:26px;vertical-align:middle; margin-left:5px;}
.zaixiannei .textyanzheng{ padding-left:6px;}
.zaixiannei .submit{ width: 70px;height:25px; color:#206489; border:1px solid #8fafc4;}

/*分页*/
#page{font:12px/16px arial;padding:15px 0 5px;height:35px;margin:0 auto;width:745px;display:block;text-align:center; font-weight:bold;}
#page a.number,#page a:hover{background:#95b2c4;color:#0b13be;}
#page a{background:#d4e1ea;color:#206489;margin:0 7px;padding:8px 10px;text-decoration:none;line-height:30px;}

/*友情链接*/
.hotlink{ width:1000px; height:60px; margin:0 auto; background:url(../images/linkbei.jpg) repeat-x; padding-top:40px;}
.hotlink h3{ width:150px; height:46px; line-height:46px; text-align:center; color:#135a86; background:url(../images/linkbei.png) no-repeat; float:left;margin-left:5px;}
.hotlink span{ margin-left:40px; height:46px; line-height:46px; font-size:14px;}
.hotlink span a{ color:#135a86;}

/*尾部*/
.footer{ width:100%; height:230px; background:#016080 url(../images/footbei.jpg) repeat-x;}
.footers{ width:1000px; margin:0 auto; padding-top:35px;}
.footers img{ margin:20px 0 0 40px; float:left;}
.footerx{ width:1px; height:134px; border-left:1px #7ab3c6 solid; float:left; line-height:px; margin:0 40px;}
.footertnav{ width:730px; float:right; padding-bottom:5px; border-bottom:1px #7ab3c6 solid;}
.footertnav li{ padding-right:10px; float:left; font-size:14px; font-weight:bold;}
.footertnav li a{ color:#93bbc5;}
.footert{ width:730px; float:right}
.footert p{ color:#93bbc5; font-weight:bold; padding-top:20px; float:left;}
.erweima{ float:right; width:120px;}
.erweima h3{ float:left; width:20px; line-height:15px; margin-top:25px; font-size:12px; font-weight:bold;}
.erweima h3 a{ color:#fff;}
.erweima img{ margin:0;width: 88px;height: 88px;}